<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	
</body>
</html>


<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<title>zyt个人介绍</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css.css" />
		<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="icon" type="image/x-icon" href="img/timg.jpg" />
	</head>

	<body>

<div class="pc">
		<!--外套-->
		<div class="loose">
			
		
		<div class="wrap" id="xk">
			<div class="mian">
				<p>个人介绍-</p>
				<p>姓名：<span>张延涛</span></p>
				<p>家庭地址：<span>河北邯郸</span></p>
				<p>目前职业：<span>IT学员</span></p>
				<p>联系方式：<span>17631364590</span></p>
			</div>
		</div>

		<div class="wrap-a" id="xxk">
			<div class="mian-one">
				<h2 class="heg">作品展示</h2>
				<div class="nav">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><a href="http://itzyt.gitee.io/tianyamingyuedao1/" target="_blank"><img src="img/xm1.png" /></a></div>
							<div class="swiper-slide"><a href="http://itzyt.gitee.io/hengwang_may_day_work/" target="_blank"><img src="img/xm2.png" /></a></div>
							<div class="swiper-slide"><a href="https://gitee.com/itzyt/DuiTang"target="_blank"><img src="img/xm3.png" /></a></div>
							<div class="swiper-slide"><a href="https://gitee.com/itzyt/TMGongZuoShi"target="_blank"><img src="img/xm4.png" /></a></div>
							<div class="swiper-slide"><a href="http://itzyt.gitee.io/cloud_bar/"target="_blank"><img src="img/xm5.png" /></a></div>
							<div class="swiper-slide"><a href="http://itzyt.gitee.io/madeinchina_agriculture/"target="_blank"><img src="img/xm6.png" /></a></div>
							
						</div>
					
						<div class="swiper-pagination"></div>
					</div>
					<h1 class="boke">关注码云了解更多：<span><a href="https://gitee.com/itzyt/dashboard" target="_blank">点我跳转码云</a></span></h1>
				</div>
			</div>
		</div>

		<div class="wrap-b" id="xxk">
			<div class="mian-two">
				
				<h2 class="heg">泊头职业学院</h2>
				<div class="frame">
					<div class="kg-a">
						<div class="yan">
							<i class="fa fa-html5" aria-hidden="true"></i>
						</div>
						<div class="words">
							<p><h2>HTML5</h2></p>
							<p>html5学的还行，虽然记不住</p>
							<p>代码，但不会的可以上网上</p>
							<p>查，写出一些简单动画效果还是</p>
							<p>没问题的</p>
						</div>
					</div>
					<div class="kg-a">
						<div class="yan">
							<i class="fa fa-css3" aria-hidden="true"></i>
						</div>
						<div class="words">
							<p><h2>CSS3</h2></p>
							<p>和HTML5一样学的还算精通</p>
							<p>再加以练习，相信精通</p>
							<p>只是早晚的事</p>
							<!--<p>没问题的</p>-->
						</div>
					</div>
					<div class="kg-a">
						<div class="yan">
							<i class="fa fa-quora" aria-hidden="true"></i>
						</div>
						<div class="words">
							<p><h2>jQuery</h2></p>
							<p>jQuery是一个快速、简洁</p>
							<p>的JavaScript框架，是继</p>
							<p>Prototype之后又一个优秀的</p>
							<p>JavaScript代码库</p>
						</div>
					</div>
					<div class="kg-a">
						<div class="yan">
							<i class="fa fa-weixin" aria-hidden="true"></i>
						</div>
						<div class="words">
							<p><h2>微信小程序</h2></p>
							<p>自学中</p>
							<p>敬请期待</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="wrap-c" id="xxk">
			<div class="mian-three">
				<div class="kg-e">
					<div class="upper">
						<h2 class="hh2">请 联 系 我</h2>
					</div>
					<div class="dk">
						<div class="lt">
							<input class="inpa" type="" name="" id="" value="" placeholder="Name"/>
							<input class="inpb" type="" name="" id="" value="" placeholder="Email"/>
							<textarea name="" id="wbk" cols="0" rows="0" placeholder="Message"></textarea>
						</div>
						<div class="rl">
							<p>Aliquam Interdum、Nisl Sedd Faucibus</p>
							<p>Tempor、Massa Velit Laoree</p>
							<p>Ipsum和Enim的Faucibus</p>
							<p>Sapien Magna。悬挂听写器。</p>
							<p>我在奥古埃疗养院，狮子座。</p>
							<p>120-240阿利奎姆内克奥古斯</p>
							<p>廷奇顿努克伯爵阁下，</p>
							<p>萨吉斯维塔街11000号</p>
						</div>
						<div class="anniu">
							<p>提交</p>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		</div>
		
		<!--左侧-->
		<div class="tmlaft">
			<ul class="dd">
				<li class="oneg">
					<div class="yuan">
						<i class="fa fa-user-circle-o" aria-hidden="true"></i>
					</div>
					<span>介绍</span>
				</li>
				<li class="oneg">
					<div class="yuan">
						<i class="fa fa-heartbeat" aria-hidden="true"></i>
					</div>
					<span>拥有良好心态</span>
				</li>
				<li class="oneg">
					<div class="yuan">
						<i class="fa fa-graduation-cap" aria-hidden="true"></i>
					</div>
					<span>所在学校</span>
				</li>
				<li class="oneg">
					<div class="yuan">
						<i class="fa fa-phone-square" aria-hidden="true"></i>
					</div>
					<span>联系我</span>
				</li>
			</ul>

		</div>
</div>
<div class="app">
	<div class="beij">
		<p>个人介绍-</p>
		<p>姓名：<span>张延涛</span></p>
		<p>家庭地址：<span>河北邯郸</span></p>
		<p>目前职业：<span>IT学员</span></p>
		<p>联系方式：<span>17631364590</span></p>
	</div>
	
</div>
	</body>
	<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
	<script src="new_file.js" type="text/javascript" charset="utf-8"></script>

</html>